<template>
	<div class="head_content">
		<div class="top_box">
			<div class="topArea">
				<div class="topl">
					<div id="" class="imgwrap">
						<router-link to="/index"><img src="../common/img/logo.png" /></router-link>
					</div>
				</div>
				<div class="topr">
					<svg class="index__icon" aria-hidden="true">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sousuo"></use>
					</svg>
					<div class="imgwrap"><router-link to="/space"><img src="../common/img/noface.gif" /></router-link></div>
					<span>下载 App</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
	data() {
		return {
			nav_list:window.__INITIAL_STATE__.reduxAsyncConnect.partitionList[0],
			current:0,
		}
	},
	created(){
		
	},
	mounted(){
//		this.nav_list=this.navbox[0]
//		console.log("头部所需",this.nav_list)
//		console.log('ttt',this.current)
	},
	methods: {
	  	addClass:function(index){
            this.current=index;
       },
       pushurl(tid,index){
       	if(index==0){
       		this.$router.push('/index')
       	}else{
       		this.$router.push({ name: 'channel', params: {tid:tid}})
       	}
       },
		_xiala() {
			var xiala = document.querySelector(".b_box");
			xiala.style.transform = "translateY(0)";
			xiala.style.height = "auto"
		},
		_shangla() {
			var xiala = document.querySelector(".b_box");
			xiala.style.transform = "translateY(-120%)";
			xiala.style.height = "auto";
		},
	},
	watch: {
			$router(newValue,oldValue){
				console.log(this.router.params.tid)
				alert(666)
			}
		}
}</script>

<style lang="scss" type="text/css">
.imgwrap {
	img {
		width: 100%;
	}
}
.head_content{
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
}
.top_box {
	background: white;
	.topArea {
		background: white;
		z-index: 999 !important;
		width: 100%;
		display: flex;
		justify-content: space-between;
		.topl {
			width: 50%;
			div {
				padding: 8px 0 8px 15px;
				width: 80px;
			}
		}
		.topr {
			width: 50%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.index__icon {
				margin-left: auto;
				display: block;
				width: 25px;
				height: 25px;
				margin-right: 25px;
				fill: #bebbbb;
			}
			div {
				width: 25px;
				height: 25px;
				border-radius: 50%;
				overflow: hidden;
				margin-right: 12px;
			}
			span {
				font-size: 13px;
				margin-right: 14px;
				display: block;
				width: 80px;
				height: 25px;
				line-height: 25px;
				background-color: #fb7299;
				color: white;
				border-radius: 5px;
				text-align: center;
			}
		}
	}
}
.li_active,.router-link-active{
			    color: #fb7299 !important;
			    p{
				&::after{
			    	content: "";
			    	display: block;
			    	border: 1px solid #fb7299;
			    	margin: 0 auto;
			    	width: 100%;
			    }
			    
			}
		}
</style>